*{
    padding: 0;
    margin: 0;
}
.bg{
    /* width: 100%; */
    /* height: 100vh; */
    /* display: flex; */
    /* display:flex设置弹性盒子 */
    /* justify-content: center; */
    /* 设置弹性盒子中的div标签紧密排列，若justify-content: space-around，则弹性盒子中的div标签之间互相留白。
    注意设置justyfy-contrent属性之前需要设置display: flex */
    /* align-items: center; */
    /* 设置弹性盒子的子属性在当前行的纵轴方向的位置 */
    /* overflow: hidden; */

    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bg > video{
    /* 设置positon之后，后面的文字会浮在这个视频上面 */
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    /* pointer-events元素的监听事件，如果设置为none那么这个元素不再是鼠标的目标，鼠标不会监听该层，会穿过该层监听下一层。
    如果设置为none的元素的子元素的pointer-events设为了其他值，那么鼠标会监听该子元素 */
}
.bg > div{
    /* z-index: 1; */
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}
h1{
    text-transform: capitalize;
    /* 设置文本全部大写uppercase、全部小写lowercase、单词首字母大写capacity */
    font-size: 5vh;
    color: lightblue;
}